import React from 'react'
import { View } from '@tarojs/components'
import './DoctorDetailPlaceholder.scss'

export default function DoctorDetailPlaceholder() {
  return (
    <View className="doctor-detail-placeholder-container">
      <View className="doctor-detail-placeholder">
        <View className="avatar skeleton-blink" />
        <View className="user-info">
          <View className="row row-half skeleton-blink" />
          <View className="row skeleton-blink" />
          <View className="row row-half skeleton-blink" />
        </View>
      </View>
      <View className="title skeleton-blink" />
      <View className="flexRow card-container">
        <View className="card first-card">
          <View className="image skeleton-blink" />
          <View className="row row-half skeleton-blink" />
          <View className="row row-half skeleton-blink" />
        </View>
        <View className="card">
          <View className="image skeleton-blink" />
          <View className="row row-half skeleton-blink" />
          <View className="row row-half skeleton-blink" />
        </View>
      </View>
      <View className="row skeleton-blink" />
      <View className="title skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
      <View className="row skeleton-blink" />
    </View>
  )
}
